	.f22{
		font-size: 22rpx;
	}
	.f24{
		font-size: 24rpx;
	}
	.f26{
		font-size: 26rpx;
	}
	.f28{
		font-size: 28rpx;
	}
	.f30{
		font-size: 30rpx;
	}
	.f32{
		font-size: 32rpx;
	}
	.f34{
		font-size: 34rpx;
	}
	.f36{
		font-size: 36rpx;
	}
	.f40{
		font-size: 40rpx;
	}
	.f42{
		font-size: 42rpx;
	}
	.f44{
		font: 44rpx;
	}
	.bold{
		font-weight: 600;
	}
	.round{
		border-radius: 50%;
	}
	
	
	
	
	
	.t-flex {
		display: flex;
		align-items: center;
	}
	
	.t-flex.around {
		justify-content: space-around;
	}
	
	.t-flex.between {
		justify-content: space-between;
	}
	.reverse {
		transform: rotate(.5turn);
	}
	.t-flex.colum{
		flex-direction: column;
	}
	.t-flex.wrap{
		flex-wrap: wrap;
	}
	.t-flex.center{
		justify-content: center;
	}
	.bpad{
		height: 200rpx;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
		width: 100%;
	}
	.nowrap{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
	}
	.empty{
		color: #999;
		text-align: center;
	}
	
	.click:active{
		background-color: rgba(200,200,200,.2);
	}
	
	.safeArea{
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
		box-sizing: content-box;
	}
	.c3{
		color: #333;
	}
	
	.c6{
		color: #666;
	}
	
	.c9{
		color: #999;
	}
	.cc{
		color: #ccc;
	}
	.e5{
		color: #e5e5e5;
	}
	.cf{
		color: #fff;
	}
	.f0{
		color: #f0f0f0;
	}
	
	
	.p20{
		padding: 20rpx;
	}
	.p30{
		padding: 30rpx;
	}
	.m20{
		margin: 20rpx;
	}
	.m30{
		margin: 30rpx;
	}
	.r10{
		border-radius: 10rpx;
	}
	.r20{
		border-radius: 20rpx;
	}
	.pl10{
		padding-left: 10rpx;
	}
	.pl20{
		padding-left: 20rpx;
	}
	.pl30{
		padding-left: 30rpx;
	}
	.pr10{
		padding-right: 10rpx;
	}
	.pr20{
		padding-right: 20rpx;
	}
	.pr30{
		padding-right: 30rpx;
	}
	.pt10{
		padding-top: 10rpx;
	}
	.pt20{
		padding-top: 20rpx;
	}
	.pt30{
		padding-top: 30rpx;
	}
	.pb10{
		padding-bottom: 10rpx;
	}
	.pb20{
		padding-bottom: 20rpx;
	}
	.pb30{
		padding-bottom: 30rpx;
	}
	.mt10{
		margin-top: 10rpx;
	}
	.mt20{
		margin-top: 20rpx;
	}
	.mt30{
		margin-top: 30rpx;
	}
	.mr10{
		margin-right: 10rpx;
	}
	.mr20{
		margin-right: 20rpx;
	}
	.mr30{
		margin-right: 30rpx;
	}
	.mb10{
		margin-bottom: 10rpx;
	}
	.mb20{
		margin-bottom: 20rpx;
	}
	.mb30{
		margin-bottom: 30rpx;
	}
	.ml10{
		margin-left: 10rpx;
	}
	.ml20{
		margin-left: 20rpx;
	}
	.ml30{
		margin-left: 30rpx;
	}
	
	.bgf{
		background-color: #fff;
	}
	
	.columRight{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	
	.twolinehide{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		overflow: hidden;
		-webkit-box-orient: vertical;
	}
	
	scroll-view ::-webkit-scrollbar {
			  display: none !important;  
			  width: 0 !important;  
			  height: 0 !important;  
			  -webkit-appearance: none;  
			  background: transparent;  
	 }

	.swiper .img{
		width: 100%;
		height: 100%;
	}
	
	
	@keyframes animate {
		from{
			opacity: 0;
		}
		to{
			opacity: 1;
		}
	}
	
	.useAnimate{
		animation: animate 300ms;
	}
	.appSafeTop{
		height: var(--status-bar-height);
		
	}
	
	
	.watarFull{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 10rpx;
		grid-template-rows: masonry;
	}
	
	
/*aspect-ratio: ; 宽高比  */